::v-deep .z-paging-content {
	transition: all 0.2s;
}

.page {
	background-color: #f8f8f8;
	height: 100vh;
	transition: all 0.2s;
	opacity: 1;
}

.bg-color {
	width: 100%;
	height: 708rpx;
	position: fixed;
	transition: all 0.2s;
}

.contnet {

	.list-box {
		width: 100%;
		padding: 32rpx 30rpx 0;
		box-sizing: border-box;

		.list-item {
			width: 100%;
			background: #ffffff;
			border-radius: 16rpx;
			padding: 30rpx 28rpx;
			box-sizing: border-box;
			margin-bottom: 36rpx;

			.list-item-title {
				width: 100%;
				display: flex;
				align-items: center;

				.dot {
					width: 10rpx;
					height: 10rpx;
					border-radius: 50%;
					margin-right: 16rpx;
					background: #3b75ff;
				}

				.title-box {
					font-weight: 500;
					font-size: 34rpx;
					color: #000000;
					width: calc(100% - 26rpx);
				}
			}

			.list-item-data {
				width: 100%;
				box-sizing: border-box;

				.list-item-data-item {
					font-weight: 400;
					font-size: 28rpx;
					color: #858386;
					margin: 12rpx 0 32rpx;
				}
			}

			.list-item-btn {
				width: 100%;
				display: flex;
				justify-content: space-between;

				.tips-box {
					font-weight: 400;
					font-size: 24rpx;
					color: #b1b1b1;
				}

				.btn {
					font-weight: 400;
					font-size: 28rpx;
					color: #408efe;
				}
			}
		}
	}
}